<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">		
		<link rel="shortcut icon" type="image/ico" href="#">	
		<title>user list</title>
		<link href="css/style.css" type="text/css" media="screen" rel="stylesheet">
	</head>
	<body>		
		<div id="wrapper">
			<div id="header">
				<div class="logo">
					<a href="#"><img src="images/logoAdmin.png" alt="Dream Deal" /></a>
				</div>
				<div class="welcome">
					<ul>
						<li>Welcome: <a href="#" title="Khanh Dinh">&nbsp;<span>Khanh Dinh</span></a></li>
						<li class="logout"><a href="#" title="Log out">Log out</a></li>
						<li><a href="#"><a class="vn" href="#" title="Vietnamese"><img src="../images/static/vi.jpg" alt="Vi" /></a></li>
						<li><a href="#"><a class="en" href="#" title="English"><img src="../images/static/en.jpg" alt="En"/></a></a></li>						
					</ul>
				</div>				
			</div><!-- header -->
			
			<div id="nav">
				<ul>
					<li class="first active">
						<a href="#">User</a>
						<ul>
							<li class="arrow">
								<a href="user-list.html">List user</a>
								<ul>
									<li><a href="#">User item</a></li>
									<li class="last"><a href="#">User item</a></li>
								</ul>
							</li>
							<li class="last arrow">
								<a href="user-add.html">Add new user</a>
								<ul>
									<li><a href="#">Lorem ipsum item</a></li>
									<li><a href="#">Lorem ipsum item</a></li>
									<li class="last"><a href="#">Lorem ipsum item</a></li>									
								</ul>
							</li>
						</ul>
					</li>
					<li>
						<a href="#">Category</a>
						<ul>
							<li><a href="#">List category</a></li>
							<li class="last arrow">
								<a href="#">Add new category</a>
								<ul>
									<li><a href="#">Lorem ipsum item</a></li>
									<li><a href="#">Lorem ipsum item</a></li>
									<li class="last"><a href="#">Lorem ipsum item</a></li>									
								</ul>
							</li>
						</ul>
					</li>
					<li>
						<a href="#">Product</a>
						<ul>
							<li><a href="#">List product</a></li>
							<li class="last"><a href="#">Add product</a></li>
						</ul>
					</li>
					<li>
						<a href="#">Lorem ipsum</a>
						<ul>
							<li><a href="#">Lorem ipsum</a></li>
							<li class="last"><a href="#">Lorem ipsum</a></li>
						</ul>
					</li>
					<li>
						<a href="#">Lorem ipsum</a>
						<ul>
							<li><a href="#">Lorem ipsum</a></li>
							<li class="last"><a href="#">Lorem ipsum</a></li>
						</ul>
					</li>					
					<li>
						<a href="#">Lorem ipsum</a>
						<ul>
							<li><a href="#">Lorem ipsum</a></li>
							<li class="last"><a href="#">Lorem ipsum</a></li>
						</ul>
					</li>
					
				</ul>
			</div><!-- navigation -->
			
			<div id="main">	
				<div class="subMenu">
					<div class="breabcrumb"><a href="#" class="home">Admin</a><span class="arrow">&gt;&gt;</span><span>User list</span></div>
					<div class="addNew"><a href="user-add.html" title="Add new user"><span>Add new user</span></a></div>
				</div>
				<div class="clear"></div>
				<div class="grid-view">					
					<div class="summary">Displaying 11-15 of 23 result(s)</div>
					<table class="items">
						<thead>
							<tr>
								<th><a href="#">Username</a></th>
								<th><a href="#">Name</a></th>
								<th><a href="#">Phone</a></th>
								<th><a href="#">Email</a></th>
								<th class="button-column">Actions</th>
							</tr>
							<tr class="filters">
								<td><input name="User[username]" type="text" maxlength="128"></td>
								<td><input name="User[name]" type="text" maxlength="128"></td>
								<td><input name="User[phone]" type="text" maxlength="128"></td>
								<td><input name="User[email]" type="text" maxlength="128"></td>								
								<td></td>
							</tr>
						</thead>
						<tbody>
							<tr class="odd">
								<td>test17</td>
								<td>name test</td>
								<td>0122 703 7918</td>
								<td><a href="mailto:test17@example.com">test17@example.com</a></td>
								<td class="button-column">
									<a class="view" title="View" href="#"><img src="images/gr-view.png" alt="View"></a>
									<a class="update" title="Update" href="user-update.html"><img src="images/gr-update.png" alt="Update"></a>
									<a class="delete" title="Delete" href="#"><img src="images/gr-delete.png" alt="Delete"></a>
								</td>
							</tr>
							<tr class="even">
								<td>test18</td>
								<td>name test</td>
								<td>0122 703 7918</td>								
								<td><a href="mailto:test18example.com">test18example.com</a></td>
								<td class="button-column">
									<a class="view" title="View" href="#"><img src="images/gr-view.png" alt="View"></a>
									<a class="update" title="Update" href="user-add.html"><img src="images/gr-update.png" alt="Update"></a>
									<a class="delete" title="Delete" href="#"><img src="images/gr-delete.png" alt="Delete"></a>
								</td>
							</tr>
							<tr class="odd">
								<td>test19</td>
								<td>name test</td>
								<td>0122 703 7918</td>
								<td><a href="mailto:test19example.com">test19example.com</a></td>
								<td class="button-column">
									<a class="view" title="View" href="#"><img src="images/gr-view.png" alt="View"></a>
									<a class="update" title="Update" href="user-add.html"><img src="images/gr-update.png" alt="Update"></a>
									<a class="delete" title="Delete" href="#"><img src="images/gr-delete.png" alt="Delete"></a>
								</td>
							</tr>
							<tr class="even">
								<td>test2</td>
								<td>name test</td>
								<td>0122 703 7918</td>
								<td><a href="mailto:test2@example.com">test2@example.com</a></td>
								<td class="button-column">
									<a class="view" title="View" href="#"><img src="images/gr-view.png" alt="View"></a>
									<a class="update" title="Update" href="user-add.html"><img src="images/gr-update.png" alt="Update"></a>
									<a class="delete" title="Delete" href="#"><img src="images/gr-delete.png" alt="Delete"></a>
								</td>
							</tr>
							<tr class="odd">
								<td>test20</td>
								<td>name test</td>
								<td>0122 703 7918</td>
								<td><a href="mailto:test20@example.com">test20@example.com</a></td>
								<td class="button-column">
									<a class="view" title="View" href="#"><img src="images/gr-view.png" alt="View"></a>
									<a class="update" title="Update" href="user-add.html"><img src="images/gr-update.png" alt="Update"></a>
									<a class="delete" title="Delete" href="#"><img src="images/gr-delete.png" alt="Delete"></a>
								</td>
							</tr>
							<tr class="even">
								<td>test2</td>
								<td>name test</td>
								<td>0122 703 7918</td>
								<td><a href="mailto:test2@example.com">test2@example.com</a></td>
								<td class="button-column">
									<a class="view" title="View" href="#"><img src="images/gr-view.png" alt="View"></a>
									<a class="update" title="Update" href="user-add.html"><img src="images/gr-update.png" alt="Update"></a>
									<a class="delete" title="Delete" href="#"><img src="images/gr-delete.png" alt="Delete"></a>
								</td>
							</tr>
							<tr class="odd">
								<td>test20</td>
								<td>name test</td>
								<td>0122 703 7918</td>
								<td><a href="mailto:test20@example.com">test20@example.com</a></td>
								<td class="button-column">
									<a class="view" title="View" href="#"><img src="images/gr-view.png" alt="View"></a>
									<a class="update" title="Update" href="user-add.html"><img src="images/gr-update.png" alt="Update"></a>
									<a class="delete" title="Delete" href="#"><img src="images/gr-delete.png" alt="Delete"></a>
								</td>
							</tr>
							<tr class="even">
								<td>test2</td>
								<td>name test</td>
								<td>0122 703 7918</td>
								<td><a href="mailto:test2@example.com">test2@example.com</a></td>
								<td class="button-column">
									<a class="view" title="View" href="#"><img src="images/gr-view.png" alt="View"></a>
									<a class="update" title="Update" href="user-add.html"><img src="images/gr-update.png" alt="Update"></a>
									<a class="delete" title="Delete" href="#"><img src="images/gr-delete.png" alt="Delete"></a>
								</td>
							</tr>
							<tr class="odd">
								<td>test20</td>
								<td>name test</td>
								<td>0122 703 7918</td>
								<td><a href="mailto:test20@example.com">test20@example.com</a></td>
								<td class="button-column">
									<a class="view" title="View" href="#"><img src="images/gr-view.png" alt="View"></a>
									<a class="update" title="Update" href="user-add.html"><img src="images/gr-update.png" alt="Update"></a>
									<a class="delete" title="Delete" href="#"><img src="images/gr-delete.png" alt="Delete"></a>
								</td>
							</tr>
							<tr class="even">
								<td>test2</td>
								<td>name test</td>
								<td>0122 703 7918</td>
								<td><a href="mailto:test2@example.com">test2@example.com</a></td>
								<td class="button-column">
									<a class="view" title="View" href="#"><img src="images/gr-view.png" alt="View"></a>
									<a class="update" title="Update" href="user-add.html"><img src="images/gr-update.png" alt="Update"></a>
									<a class="delete" title="Delete" href="#"><img src="images/gr-delete.png" alt="Delete"></a>
								</td>
							</tr>
							<tr class="odd">
								<td>test20</td>
								<td>name test</td>
								<td>0122 703 7918</td>
								<td><a href="mailto:test20@example.com">test20@example.com</a></td>
								<td class="button-column">
									<a class="view" title="View" href="#"><img src="images/gr-view.png" alt="View"></a>
									<a class="update" title="Update" href="user-add.html"><img src="images/gr-update.png" alt="Update"></a>
									<a class="delete" title="Delete" href="#"><img src="images/gr-delete.png" alt="Delete"></a>
								</td>
							</tr>
							<tr class="even">
								<td>test2</td>
								<td>name test</td>
								<td>0122 703 7918</td>
								<td><a href="mailto:test2@example.com">test2@example.com</a></td>
								<td class="button-column">
									<a class="view" title="View" href="#"><img src="images/gr-view.png" alt="View"></a>
									<a class="update" title="Update" href="user-add.html"><img src="images/gr-update.png" alt="Update"></a>
									<a class="delete" title="Delete" href="#"><img src="images/gr-delete.png" alt="Delete"></a>
								</td>
							</tr>
							<tr class="odd">
								<td>test20</td>
								<td>name test</td>
								<td>0122 703 7918</td>
								<td><a href="mailto:test20@example.com">test20@example.com</a></td>
								<td class="button-column">
									<a class="view" title="View" href="#"><img src="images/gr-view.png" alt="View"></a>
									<a class="update" title="Update" href="user-add.html"><img src="images/gr-update.png" alt="Update"></a>
									<a class="delete" title="Delete" href="#"><img src="images/gr-delete.png" alt="Delete"></a>
								</td>
							</tr>
							<tr class="even">
								<td>test2</td>
								<td>name test</td>
								<td>0122 703 7918</td>
								<td><a href="mailto:test2@example.com">test2@example.com</a></td>
								<td class="button-column">
									<a class="view" title="View" href="#"><img src="images/gr-view.png" alt="View"></a>
									<a class="update" title="Update" href="user-add.html"><img src="images/gr-update.png" alt="Update"></a>
									<a class="delete" title="Delete" href="#"><img src="images/gr-delete.png" alt="Delete"></a>
								</td>
							</tr>
							<tr class="odd">
								<td>test20</td>
								<td>name test</td>
								<td>0122 703 7918</td>
								<td><a href="mailto:test20@example.com">test20@example.com</a></td>
								<td class="button-column">
									<a class="view" title="View" href="#"><img src="images/gr-view.png" alt="View"></a>
									<a class="update" title="Update" href="user-add.html"><img src="images/gr-update.png" alt="Update"></a>
									<a class="delete" title="Delete" href="#"><img src="images/gr-delete.png" alt="Delete"></a>
								</td>
							</tr>
							<tr class="even">
								<td>test2</td>
								<td>name test</td>
								<td>0122 703 7918</td>
								<td><a href="mailto:test2@example.com">test2@example.com</a></td>
								<td class="button-column">
									<a class="view" title="View" href="#"><img src="images/gr-view.png" alt="View"></a>
									<a class="update" title="Update" href="user-add.html"><img src="images/gr-update.png" alt="Update"></a>
									<a class="delete" title="Delete" href="#"><img src="images/gr-delete.png" alt="Delete"></a>
								</td>
							</tr>
							<tr class="odd">
								<td>test20</td>
								<td>name test</td>
								<td>0122 703 7918</td>
								<td><a href="mailto:test20@example.com">test20@example.com</a></td>
								<td class="button-column">
									<a class="view" title="View" href="#"><img src="images/gr-view.png" alt="View"></a>
									<a class="update" title="Update" href="user-add.html"><img src="images/gr-update.png" alt="Update"></a>
									<a class="delete" title="Delete" href="#"><img src="images/gr-delete.png" alt="Delete"></a>
								</td>
							</tr>
							<tr class="even">
								<td>test2</td>
								<td>name test</td>
								<td>0122 703 7918</td>
								<td><a href="mailto:test2@example.com">test2@example.com</a></td>
								<td class="button-column">
									<a class="view" title="View" href="#"><img src="images/gr-view.png" alt="View"></a>
									<a class="update" title="Update" href="user-add.html"><img src="images/gr-update.png" alt="Update"></a>
									<a class="delete" title="Delete" href="#"><img src="images/gr-delete.png" alt="Delete"></a>
								</td>
							</tr>
							<tr class="odd">
								<td>test20</td>
								<td>name test</td>
								<td>0122 703 7918</td>
								<td><a href="mailto:test20@example.com">test20@example.com</a></td>
								<td class="button-column">
									<a class="view" title="View" href="#"><img src="images/gr-view.png" alt="View"></a>
									<a class="update" title="Update" href="user-add.html"><img src="images/gr-update.png" alt="Update"></a>
									<a class="delete" title="Delete" href="#"><img src="images/gr-delete.png" alt="Delete"></a>
								</td>
							</tr>
						</tbody>
					</table>
					<div class="pager">
						<ul class="yiiPager">
							<li class="first"><a href="#">&lt;&lt; First</a></li>
							<li class="previous"><a href="#">&lt; Previous</a></li>
							<li class="page"><a href="#">1</a></li>
							<li class="page"><a href="#">2</a></li>
							<li class="page selected"><a href="#">3</a></li>
							<li class="page"><a href="#">4</a></li>
							<li class="page"><a href="#">5</a></li>
							<li class="next"><a href="#">Next &gt;</a></li>
							<li class="last"><a href="#">Last &gt;&gt;</a></li>
						</ul>
					</div>					
				</div><!--grid view-->				
				
			</div><!-- main -->
			
			<div class="clear"></div>
			<div id="footer">	
				<p>&copy;2012 DreamDeal, Inc. All Rights Reserved. </p>
				<p><a href="#"><img class="logoFot" src="images/logoFot.png" alt="Lorem Ipsum" width="120" height="21" /></a></p>		
			</div><!-- footer -->
		</div><!-- wrapper -->
	</body>
</html>